<!--
 * @Author: GKN
 * @Date: 2023-11-25 18:07:07
 * @LastEditTime: 2023-11-25 18:07:13
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\components\listInfo copy.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div>
        <el-breadcrumb separator=">">
            <el-breadcrumb-item v-for="(item,i) in breadcrumb_list" :key="i" @click="go(i)">{{ item.name }}</el-breadcrumb-item>
        </el-breadcrumb>
        <div class="flex flex-j-s" style="margin-top: 40px;">
            <div>
                <p class="fontt">文章来源：现代企业创新网</p><p class="fontt" style="margin-left: 66px;">{{ time }}</p>
            </div>
            <div class="fontt flex flex-align fx">
                分享
                <img src="@/assets/img/anim/i1.png" alt="">
                <img src="@/assets/img/anim/i2.png" alt="">
                <img src="@/assets/img/anim/i3.png" alt="">
                <img src="@/assets/img/anim/i4.png" alt="">
            </div>
        </div>
        <div style="min-height: 400px;">
            <slot name="content">
                
            </slot>
        </div>
        <div class="flex flex-j-c" style="margin-top: 90px;padding-bottom:100px;">
            <div class="btnitem cursor-p">
                <img src="@/assets/img/anim/i5.png" alt="">
                <span>点赞</span>
            </div>
            <div class="btnitem cursor-p" style="margin-left:125px ;">
                <img src="@/assets/img/anim/i6.png" alt="">
                <span>收藏</span>
            </div>
        </div>
    </div>
  </template>
  
  <script setup>
  import listView from '../components/list.vue';
  import { ref,reactive, onMounted,getCurrentInstance } from "vue";
  const { proxy } = getCurrentInstance();
  import CryptoJS from 'crypto-js';
  import { useRoute, useRouter } from "vue-router";
  const Router = useRouter();
      // 面包屑
      // 导航参数
    const query = proxy.$comJs.decrypt(Router.currentRoute.value.query.ob,'query')
    const breadcrumb_list = [{name:query.first_title},{name:query.title},{name:'正文'}]
    const go=(i)=>{
        if(i == 0){
            Router.go(-2)
        }
        if(i == 1){
            Router.back()
        }
    }
  </script>
  
  <style lang='less' scoped>
  .fontt{
    font-size: 16px;
    color:#8d8d8d;
  }
  .fx{
    img{
        margin-left: 12px;
        width:32px ;
        height: 32px;
    }
  }
.btnitem{
    display: flex;
    align-items: center;
    img{
        width: 80px;
        height: 80px;
    }
    span{
        margin-left: 18px;
        font-size: 14px;
    }
    
}
</style>
  

